<template>
    <div>
        <input type="text" v-model="text">
        <button @click="add">添加</button>
    </div>
</template>
<script setup>
import { ref } from 'vue';
import { useTodoStore } from '../stores/TodoListStore';
const todoStore = useTodoStore();
const text = ref('');

function add() {
    todoStore.add(text.value);
    text.value = '';
}
</script>